@charset "UTF-8";

.layout-left-static {
	width: 100%;
	margin-top: 6px;
	position: static;
	margin-left: 6px;
}

@media screen and (min-width:1440px) {
	.layout-p90 {
		width: 96%;
	}
	.layout-left-fixed {
		width: 19%;
		margin-top: 6px;
		position: fixed;
		margin-left: 6px;
	}
}

@media screen and (max-width:1440px){
	.layout-p90 {
		width: 100%;
	}
	.layout-left-fixed {
		min-width: 250px;
		width: 20%;
		margin-top: 6px;
		position: fixed;
		margin-left: 6px;
	}
	.panel-mainColor-body ul {
		margin: 0px;
		padding: 0px;
	}
	.panel-mainColor-body li {
		width:96%;
		list-style: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*基本布局*/
.layout-container-w3a {
	width: 100%;
	min-width: 1280px;
	padding-top: 3.5rem;
}

.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
.clearfix:after {
	clear: both;
}
.layout-hidden{
	display: none;
}
.layout-row-p100-w3a {
	width: 100%;
}
.layout-col1-w3a {
	width: 10%;
	float: left;
}
.layout-col15-w3a {
	width: 15%;
	float: left;
}
.layout-col18-w3a {
	width: 18%;
	float: left;
}
.layout-col30-w3a {
	width: 30%;
	float: left;
}
.layout-col85-w3a{
	width: 85%;
	float: left;
}
.layout-col2-w3a {
	width: 20%;
	float: left;
}
.layout-col17-w3a {
	width: 17%;
	float: left;
}
.layout-col3-w3a {
	width: 30%;
	float: left;
}
.layout-col25-w3a {
	width: 25%;
	float: left;
}
.layout-col35-w3a {
	width: 35%;
	float: left;
}
.layout-col65-w3a {
	width:65%;
	float: left;
}
.layout-col62-w3a {
	width:62%;
	float: left;
}
.layout-colp5-w3a {
	width:5%;
	float: left;
}
.layout-col4-w3a {
	width: 40%;
	float: left;
}
.layout-col45-w3a {
	width: 45%;
	float: left;
}
.layout-col5-w3a {
	width: 50%;
	float: left;
}
.layout-col6-w3a {
	width: 60%;
	float: left;	
}
.layout-col65-w3a {
	width: 65%;
	float: left;
}
.layout-p60 {
	width: 60%;
}
.layout-p80 {
	width: 80%;
}
.layout-p85 {
	width: 85%;
}
.layout-p70 {
	width: 70%;
}
.layout-p75 {
	width: 75%;
}

.layout-p50 {
	width: 49%;
}
.layout-p33 {
	width: 32.5%;
}
.layout-p32 {
	width: 32%;
}
.layout-p20 {
	width: 20%;
}
.layout-p18 {
	width:18%;
}
.layout-col7-w3a {
	width: 70%;
	float: left;	
}
.layout-col8-w3a {
	width: 80%;
	float: left;	
}
.layout-col9-w3a {
	width: 90%;
	float: left;	
}
.layout-col10-w3a {
	width: 100%;
	float: left;	
}

.layout-float-left-w3a {
	float: left;
}
.layout-float-right-w3a {
	float: right !important;
}
.layout-hide {
	display: none;
}

.layout-panel-w3a {
	margin: 0 auto;
}
.layout-panel-head {
	font-size:1.5rem;
	text-align: center;
	line-height: 50px;
	letter-spacing: .3rem;
}
.layout-panel-body{
	padding: 50px 0px;
}
.layout-panel-foot {
	padding: 8px;
}

.layout-label-w3a {
	line-height:35px;
}

.layout-nav-w3a a {
	display: block;	
	width: 100%;
	height: 100%;
}

.layout-min-height50 {
	min-height: 50rem;
}
.layout-min-height46 {
	min-height: 46rem;
}
.layout-max-height80 {
	max-height: 80rem;
	overflow: auto;
}
.layout-position-fixed{
	position: fixed;
}

.layout-fixed-bottom {
	position: fixed;
	bottom: 0px;
}

.layout-footer {
	min-height: 300px;
	background-color: var(--colorLightOpacity2Dark);
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, Verdana;
}

.layout-footer-nav {
	margin: 0px;
	padding: 3rem 0rem 5rem 3rem;
	text-align: left;
}

.layout-footer-nav-item {
	float: left;
	line-height: 3.5rem;
	font-size: 1.25rem;
	width: 20%;
	list-style: none;
}
.layout-footer-nav-item a {
	color: var(--color666);
	text-decoration: none;
}
.layout-footer-nav-item a:hover {
	color: var(--mainColor);
	text-decoration: underline;
}
.layout-footer-nav-sub a {
	color: var(--color999);
}
.layout-footer-bottom {
	padding: 1rem 0rem 2rem 0rem;
}
.layout-footer-bottom-left img {
	height: 6rem;
}
.layout-footer-bottom-right img {
	height: 10rem;
	margin: 1rem 0rem 0rem 0rem;
}

.layout-footer-bottom-mid {
	margin:1.6rem 0rem 0rem 1.5rem;
	line-height: 1.8rem;
	text-align: left;
}
.layout-footer-bottom-mid span {
	color: var(--color999);
	font-size: 1rem;
	font-weight: 600;
}

.layout-footer-nav-sub {
	padding: 1rem 0rem 0rem .1rem;
	font-size: .8rem !important;
	font-weight: normal !important;
}
.layout-footer-nav-sub li {
	line-height: 2rem;
	list-style: none;
}
.layout-footer-nav-sub-sec {
	padding:.2rem 0rem .2rem 1rem;
}

.style-list {
}
ul.style-list li {
	list-style: square !important;
	list-style-position: inside !important;
	font-family: "Arial";
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.style-list li a {
	display: inline-block;
	width: 80%;
	max-width: 20rem;
	overflow: hidden;
	position: relative;
	top:.6rem;
	text-overflow: ellipsis;
}

/*内边距*/
.padding-5-w3a {
	padding: 5px;
}
.padding8-w3a {
	padding: 1rem;
}
.padding-tb10-w3a {
	padding: 10px 0px;
}

/*外边距*/
.margin-t5r15b5l15 {
	margin:5px 15px 5px 15px;
}
.margin-rem-tp1r25pb15pl25p {
	margin:1rem 2.5rem 1.5rem 2.5rem;
}
.margin-rem-r15pb15pl25p {
	margin:0 1.5rem 1.5rem 2.5rem;
}
.margin-rem-t5pr15pb15pl25p {
	margin:.5rem 1.5rem 1.5rem 2.5rem;
}
.margin-5-w3a {
	margin: 5px;
}
.margin-px-6-w3a {
	margin: 6px;
}
.margin-top08rem-w3a {
	margin-top: .8rem;
}
.margin-top20-w3a {
	margin-top: 20px;
}
.margin-top35-w3a {
	margin-top: 35px;
}
.margin-top55-w3a {
	margin-top: 55px;
}
.margin-top80-w3a {
	margin-top: 80px;
}
.margin-top100-w3a {
	margin-top: 100px;
}
.margin-top120-w3a {
	margin-top: 120px;
}
.margin-top135-w3a {
	margin-top: 135px;
}
.margin-top150-w3a {
	margin-top: 150px;
}
.margin-top180-w3a {
	margin-top: 180px;
}
.margin-auto-w3a{
	margin: 0 auto;
}
.margin-bottom-20-w3a {
	margin-bottom: 20px;
}
.layout-margin-left15-w3a {
	margin-left: 15px;
}
.layout-margin-leftp5-w3a {
	margin-left: 5%;
}
.layout-margin-left-rem1-w3a {
	margin-left: 1rem;
}
.layout-margin-left-remp8-w3a {
	margin-left: .8rem;
}
.layout-margin-left-remp6-w3a {
	margin-left: .6rem;
}
.layout-margin-left1rem-w3a {
	margin-left: 1rem;
}
.layout-margin-leftp8rem-w3a {
	margin-left: .8rem;
}
.layout-margin-right2-w3a {
	margin-right: 2rem;
}

/*尺寸*/
.layout-line-height30 {
	line-height: 3rem;
}
.layout-line-height20 {
	line-height: 2rem;
}
.layout-line-height15 {
	line-height: 1.5rem;
}
.size-font-18-w3a {
	font-size: 1.8rem;
}
.size-font-15-w3a {
	font-size: 1.5rem;
}
.size-font-12-w3a {
	font-size: 1.2rem;
}
.size-font-13-w3a {
	font-size: 1.3rem;
}
.size-font-9-w3a {
	font-size: 0.9rem;
}

/*输入组件*/
input {
	padding: 5px 0px;
	padding-left:5px;
	width:100%;
	height:25px;
	line-height:25px;
	outline: none;
}

.layout-btn-w3a {
	height: 45px;
	width: 180px;
	outline: none;
	
	transition:width .2s;
	-moz-transition:width .2s; /* Firefox 4 */
	-webkit-transition:width .2s; /* Safari and Chrome */
	-o-transition:width .2s; /* Opera */
}

.layout-btn-w3a:hover {
	width:185px;
	cursor: pointer;
}

/*其他*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.word-spacing9-w3a {
	word-spacing:.9rem;
}
.letter-spacing3-w3a {
	letter-spacing: 3px;
}

.chapterListContent {
	/*border:.2rem solid var(--colorLightOpacity2Dark);
	box-shadow: 0px 0px .2rem .2rem var(--colorLightOpacity2Dark);*/
	border-radius: 1rem;
	padding: .8rem;
}

#img-zoom-in-panel {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	width: 100%;
	z-index: 99999999;
	background:var(--colorLightOpacity5Dark);
	overflow: auto;
	cursor: zoom-out;
	cursor: -webkit-zoom-out;
}
#img-zoom-in-panel img {
	border: 2px solid var(--colorLightOpacity8Dark);
	box-shadow: 0px 0px .2rem .2rem var(--colorLightOpacity8Dark);
	margin-top: 5%;
	max-height: 100%;
	max-width: 100%;
}



.layout-flex-space-between {
	display: flex;
	justify-content: space-between;
}
.layout-flex-space-around {
	display: flex;
	justify-content: space-around;
}
.layout-flex {
	display: flex;
}

.fit-content {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}